Les images
Pour insérer une image en HTML, on utilise la balise autofermante <img> avec les attributs "src" et "alt" :
<img src="chat.jpg" alt="Image de chat">
L'attribut "src" est l'adresse URL de l'image que l'on souhaite afficher. Elle peut être relative ou absolue.
L'attribut "alt" est l'aternative textuelle de l'image qui sera affiché à l'écran à la place de l'image si cette dernière ne charge pas.
il permet aussi d'apporter de l'information sémantique pour les machines type "lecteur d'écran" et pour le référencement entre autres.
L'attribut "alt" est obligatoire (même s'il est vide !), sinon erreur W3C
Si l'image est une image importante pour le contenu du site, elle doit avoir son attribut "alt" rempli.
Si l'image est une image de décoration, elle doit avoir son attribut "alt" présent, mais vide :
<img src="deco.jpg" alt="">
Les images affichées peuvent être matricielles (jpg, png, gif) ou vectorielles (svg)
Si l'image à afficher est vraiment importante, elle peut être affichées avec "figure" et "figcaption" pour apporter des informations sémantiques (un peu comme les images dans les articles Wikipédia) :
<figure>
<img src="chatquidort.jpg" alt="Image d'un chat qui dort">
<figcaption>Illustration d'un chat qui dort</figcaption>
</figure>